.medal_container {
    width: 100vw;
    height: 100vh;
    .three_medal {
        top: 0;
        height: 8.86rem;
    }
    .get_medal_num {
        height: 0.5rem;
        margin-top: -0.8rem;
        margin-bottom: 0.2rem;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 400;
        font-size: 0.24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        text-align: center;
    }
    .share_btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.26rem;
        height: 0.88rem;
        margin: 0 auto;
        margin-bottom: 0.48rem;
        color: #fff;
        font-weight: 500;
        // font-size: 16px;
        // font-family: PingFangSC-Medium, PingFang SC;
        // line-height: 22px;
        // background: linear-gradient(352deg, #0089ff 0%, #8fffcd 100%);
        // border: none;
        // border-radius: 22px;
        // border-image: linear-gradient(134deg, rgba(118, 255, 227, 1), rgba(100, 186, 255, 1)) 2 2;
        span {
            position: absolute;
            top: 50%;
            height: 0.22rem;
            font-size: 0.32rem;
            line-height: 0.22rem;
            transform: translateY(-50%);
        }
        .share_text {
            position: absolute;
            top: 50%;
            height: 0.22rem;
            font-size: 0.16rem;
            line-height: 0.22rem;
            transform: translateY(-50%);
        }
        img {
            width: 100%;
            height: 100%;
        }
    }
    .share_btn_text {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.26rem;
        height: 0.88rem;
        margin: 0 auto;
        margin-top: -0.5rem;
        // margin-top: -0.5rem;
        margin-bottom: 0.48rem;
        color: #fff;
        font-weight: 500;
        // font-size: 16px;
        // font-family: PingFangSC-Medium, PingFang SC;
        // line-height: 22px;
        // background: linear-gradient(352deg, #0089ff 0%, #8fffcd 100%);
        // border: none;
        // border-radius: 22px;
        // border-image: linear-gradient(134deg, rgba(118, 255, 227, 1), rgba(100, 186, 255, 1)) 2 2;
        span {
            position: absolute;
            top: 50%;
            height: 0.22rem;
            font-size: 0.32rem;
            line-height: 0.22rem;
            transform: translateY(-50%);
        }
        .share_text {
            position: absolute;
            top: 50%;
            height: 0.22rem;
            font-size: 0.16rem;
            line-height: 0.22rem;
            transform: translateY(-50%);
        }
        img {
            width: 100%;
            height: 100%;
        }
    }
    .close_icon {
        width: 0.48rem;
        height: 0.48rem;
        margin: 0 auto;
    }
    .single_medal {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 8.86rem;
        background: no-repeat url('https://static.zpimg.cn/public/career_h5/medal_bgc.png');
        background-size: 100% 100%;
        .medal_card {
            margin-top: 1rem;
            padding-top: 1rem;
        }
        .medal_icon {
            width: 3rem;
            height: 3rem;
            margin-top: 2.5rem;
        }
        .medal_name {
            margin-top: 0.16rem;
            color: #f4fcda;
            font-weight: 600;
            font-size: 16px;
            font-family: PingFangSC-Semibold, PingFang SC;
            text-align: center;
        }
        p {
            color: rgba(255, 255, 255, 0.8);
            font-weight: 400;
            font-size: 0.28rem;
            font-family: PingFangSC-Regular, PingFang SC;
            line-height: 8px;
        }
        .total_title {
            margin-top: 0.2rem;
            margin-bottom: 0.28rem;
            color: rgba(255, 255, 255, 0.6);
            font-weight: 400;
            font-size: 0.24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            line-height: 18px;
        }
    }
}
.share_medal {
    p {
        height: 24px;
        margin-top: 0.32rem;
        color: #171a1d;
        font-weight: 400;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        line-height: 24px;
        text-align: center;
    }
    .share_pathway {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        span {
            margin-top: 0.04rem;
            color: rgba(23, 26, 29, 0.6);
            font-weight: 400;
            font-size: 0.24rem;
            font-family: PingFangSC-Regular, PingFang SC;
            line-height: 17px;
        }
    }
    .cancel_container {
        margin-top: 0.36rem;
        padding: 0 0.32rem;
        .cancel_btn {
            color: #171a1d;
            font-weight: 400;
            font-size: 0.34rem;
            font-family: PingFangSC-Regular, PingFang SC;

            --border-color: rgba(126, 134, 142, 0.24);
        }
    }
}
